/*common-css*/
view,
text,
input,
button,
textarea,
scroll-view,picker,
navigator {
    box-sizing: border-box;
}

image {
    vertical-align: top;
}

page {
    width: 100%;
    height: 100%;
    font-size: 28rpx;
    word-break: break-all;
    word-wrap: break-word;
    /* background-color: #FFFFFF; */
    -webkit-overflow-scrolling: touch;
    font-family: PingFangSC-Regular, PingFang SC;
}

.pageContent {
  background-color: #FFFFFF;
}

/*自定义多选框*/
.sc-checkbox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 48rpx;
    height: 48rpx;
    line-height: 48rpx;
    /* border: 1rpx solid coral; */
}

.sc-checkbox:before {
    position: absolute;
    display: block;
    content: "";
    width: 48rpx;
    height: 48rpx;
    left: 0rpx;
    top: 50%;
    margin-top: -24rpx;
    z-index: 9;
    box-sizing: border-box;
    border: 2rpx solid #1A76FF;
    border-radius: 50%;
}

.sc-checkbox.check:before {
    border-color: #1A76FF;
    background-color: #1A76FF;
}

.sc-checkbox.check:after {
    position: absolute;
    display: block;
    content: '';
    width: 20rpx;
    height: 10rpx;
    z-index: 10;
    left: 14rpx;
    top: 50%;
    margin-top: -10rpx;
    transform: rotate(-45deg);
    border-left: 3rpx solid #fff;
    border-bottom: 3rpx solid #fff;
}

.scRadiobox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-width: 36rpx;
    min-height: 36rpx;
}

.scRadiobox:before {
    box-sizing: border-box;
    position: absolute;
    display: block;
    content: "";
    width: 36rpx;
    height: 36rpx;
    z-index: 9;
    left: 50%;
    top: 50%;
    margin-top: -18rpx;
    margin-left: -18rpx;
    border-radius: 50%;
    border: 2rpx solid #9A9A9A;
    /* background-color: #fafafa; */
}

.scRadiobox.check:before {
    background-color: #fff;
    border: 2rpx solid #1A76FF;
}

.scRadiobox.check:after {
    box-sizing: border-box;
    position: absolute;
    display: block;
    content: "";
    z-index: 10;
    width: 20rpx;
    height: 20rpx;
    top: 50%;
    left: 50%;
    margin-top: -10rpx;
    margin-left: -10rpx;
    background-color: #1A76FF;
    border-radius: 50%;
}

/* 统一的输入提示字体颜色 */
.inputPlaceHold {
    color: #999999;
}

/* 主题背景色 */
.themeBackg {
    background: #1A76FF;
}

/* 一行省略 */
.ellipsisOne {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    /* 限制在一个块元素显示的文本的行数 */
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* 垂直排列 */

    word-break: break-all;
    /* 内容自动换行 */
    /* border: 1rpx solid orange; */
}

/* 两行省略 */
.ellipsisTwo {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /* 限制在一个块元素显示的文本的行数 */
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* 垂直排列 */
    word-break: break-all;
    /* 内容自动换行 */
    /* border: 1rpx solid orange; */
}

/* 右箭头 */
.rightArrow {
    position: absolute;
    display: block;
    content: " ";
    height: 30rpx;
    width: 30rpx;
    transform: rotate(45deg);
    border-top: 2rpx solid #999999;
    border-right: 2rpx solid #999999;
}

/* 右箭头矩阵版 */
.rightArrowMat {
    display: block;
    content: "";
    height: 16rpx;
    width: 16rpx;
    border-width: 3rpx 3rpx 0 0;
    border-color: #FA6400;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    margin: 4rpx 5rpx 0rpx 5rpx;
}

/* 下箭头 */
.bottomArrow {
    position: absolute;
    display: block;
    content: " ";
    height: 32rpx;
    width: 32rpx;
    transform: rotate(135deg);
    border-top: 2rpx solid #999999;
    border-right: 2rpx solid #999999;
}

/* 椭圆扁平按钮风格 */
.btOne {
    background: #1086FF;
    box-shadow: 0px 13rpx 29rpx 0px #72AAE3;
    border-radius: 48rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #FFFFFF;
    /* border: 1rpx solid #666; */
}

/* 居中对齐 */
.centerAbs {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* 文字两端对齐 */
.textJustify{
  text-align: justify;
}
.textJustify::after{
  content: '';
  display: inline-block;
  height: 0rpx;
  width: 100%;
  overflow: hidden;
  /* background-color: red; */
}
